<template>
  <div id="app">
    <button @click="getStudents">获取学生信息</button>
    <button @click="getCars">获取汽车信息</button>
  </div>
</template>

<script>
// 引入 axios
import axios from "axios";
export default {
  name: "App",
  methods:{
    getStudents(){
      // 配置了代理服务器,发送请求时向8080服务器发送请求
      // 向服务器1发送请求加上 代理服务器的 /atguigu前缀
      axios.get("http://localhost:8080/atguigu/students").then(
        response => {
          console.log("请求成功了",response.data);
        },
        // axios返回的data和error为一个对象格式
        error => {
          console.log("请求失败了",error.message);
        }
      )
    },
    getCars(){
      // 向服务器2发送请求加上 代理服务器的 /demo前缀
      axios.get("http://localhost:8080/demo/cars")
      .then(res => {
        console.log(res.data)
      })
      .catch(err => {
        console.error(err.message); 
      })
    }
  }
};
</script>
